<div class="uk-container uk-container-center" ng-show="loggedIn">
    <h3>Liste des bases configurees</h3>
    <button class="uk-button uk-button-success" ng-click="editConfigure('new')" data-uk-modal="{target: '#editModal'}">Creation d une base</button>
    <table class="uk-table uk-table-striped">
        <thead>
            <tr>
                <th>username</th>
                <th>name</th>
                <th>hostname</th>
                <th>port</th>
                <th>database</th>
                <th>user</th>
                <th>password</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat='configure in configures'>
                <td>{{configure.username}}</td>
                <td>{{configure.name}}</td>
                <td>{{configure.hostname}}</td>
                <td>{{configure.port}}</td>
                <td>{{configure.database}}</td>
                <td>{{configure.user}}</td>
                <td>{{configure.password}}</td>
                <td>
                    <button role='button' class='uk-button uk-button-primary' ng-click="editConfigure(configure)" data-uk-modal="{target: '#editModal'}">Edit</button>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="uk-modal" id="editModal" ng-include="'/app/configure/configure-detail.html'"></div>
</div>
